<!DOCTYPE HTML>
<html>
<head>
    <title>首页</title>
    <meta name="Keywords" content="杭州民宿预定">
    <meta name="Description" content="杭州民宿预定">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta content="width='device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;'" name="viewport" />
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen" />
    <!-- <link rel="stylesheet" type="text/css" href="http://cdn.teemax.com.cn/hzminsu/css/base.css"> -->
    <!-- <link rel="stylesheet" type="text/css" href="http://cdn.teemax.com.cn/hzminsu/css/common.css"> -->
    <link rel="stylesheet" type="text/css" href="localhost/static/css/style2.css" />
    <link rel="stylesheet" type="text/css" href="localhost/static/css/base.css">
    <link rel="stylesheet" type="text/css" href="localhost/static/css/common.css">
    <link rel="stylesheet" type="text/css" href="http://cdn.teemax.com.cn/hzminsu/css/index.css">
    <link rel="stylesheet" type="text/css" href="http://cdn.teemax.com.cn/hzminsu/css/sweetalert.css" />
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?d9a0538415ae877d392a097c017e3631";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <style type="text/css">
        .load {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -16px;
            margin-top: -16px;
            width: 32px;
            height: 32px;
            z-index: 10;
        }
    </style>
</head>
<body>
<!--topbar-->
<div class="fullBody topbar">
    <!-- 顶部 begin -->
    <div class="centerBody clear">
        <div class="topbar-left">
            <i class="icon icon-logo"><a href="/index"></a></i>
            <ul class="index-tab">
                <li class="navlist"    ><a onmouseover ="ineare(this)" onmouseout ="outeare(this)" href="/special">特色民宿</a>


                </li>
                <li class="navlist"><a onmouseover ="ineare(this)" onmouseout ="outeare(this)" href="/weekend">周末住哪</a>


                </li>
                <li class="navlist"><a onmouseover ="ineare(this)" onmouseout ="outeare(this)" href="/arealist">精选目的地</a>

                </li>

            </ul>
        </div>
        <div class="topbar-right">
            <div class="top-search">
                <a href="javascript:void(0);" class="searchSign"></a>
            </div>
            <div class="login-register clear" style="border: 1px solid #fff;cursor:pointer;"><a href="/login" target="_blank">登录</a> | <a href="/regist" target="_blank">注册</a></div>
            <a href="http://www.minsuyun.com" class="settled" style="border: 1px solid #fff;" target="_blank">我要入驻</a>
            <div></div>
        </div>
    </div>
    <!-- 顶部 end -->
    <div class="searchBody-alpha hide">
        <div class="centerBody">
            <div class="searchBody">
                <form method="post" id="minsuSearch" onsubmit="return false;">
                    <div class="form_item" id="area_select">
                        <div class="form_input">
                            <input type="text" value="" id="areaName" class="areaName" name="checkcity" placeholder="请选择地区">
                            <input type="hidden" value="" class="areaId" id="areaId" name="minsu[cityid]">
                            <input type="hidden" value="" class="areaHotId" id="areaHotId" name="minsu[cityid]">
                            <input type="hidden" value="" name="ciytping">
                            <div class="areaSelect">
                                <em class="jt">◆</em>
                                <p class="title"><span class="active">区域</span><span>地标</span></p>
                                <ul class="areaItems active"></ul>
                                <ul class="areaItems"></ul>
                            </div>
                        </div>
                    </div>
                    <div class="form_item">
                        <div class="form_input form_date">
                            <input type="text" name="fromDate" id="checkinDate" onfocus="WdatePicker({minDate:new Date()})" placeholder="入住时间">
                        </div>
                    </div>
                    <div class="form_item">
                        <div class="form_input form_date">
                            <input type="text" name="toDate" id="leaveDate"  onfocus="WdatePicker({minDate:'%y-%M-{%d+1}'})" placeholder="离开时间">
                        </div>
                    </div>
                    <input type="hidden" id="tags" placeholder="民宿名称/关键字" name="minsu[minsuname]">
                    <input type="hidden" name="minsu[minsuid]" id="subid" value="">
                    <input type="submit" class="btnSearch" id="btnSearch" value="">
                </form>
            </div>
        </div>
    </div>
</div>
<!--main-->

<!--banner-->
<div class="box">
    <div>
        <div><img width="100%" height="100%"  src="localhost/static/images/loopimg1.png"></div>
        <div><img width="100%" height="100%"  src="localhost/static/images/loopimg2.png"></div>
        <div><img width="100%" height="100%"  src="localhost/static/images/loopimg3.png"></div>
        <div><img width="100%" height="100%"  src="localhost/static/images/loopimg4.png"></div>
    </div>
    <button type="button" class="prev"></button>
    <button type="button" class="next"></button>
</div>
<!-- <div id="banner_slider" class="fullBody banner zwfbox">
     <img src="images/index/zwf192_61.png" class="zwfimg">
     <div id="slide" class="slide_wrap">
         <a></a><div id="loopimg1" style="width:100%;height:100%;background: no-repeat center center ;background-size: 100%; background-image: url(images/loopimg/loopimg1.png) ;"></div>
         <div id="loopimg2" style="width:100%;height:100%;background: no-repeat center center ;background-size: 100%; background-image: url(images/loopimg/loopimg2.png) ;"></div>
         <div id="loopimg3" style="width:100%;height:100%;background: no-repeat center center ;background-size: 100%; background-image: url(images/loopimg/loopimg3.png) ;"></div>
         <div id="loopimg4" style="width:100%;height:100%;background: no-repeat center center ;background-size: 100%; background-image: url(images/loopimg/loopimg4.png) ;"></div>

         <div class="centerBody banner-switcher">



             <div class="switcher" id="switcher">

             </div>
         </div>
     </div>
        <div class="banner_slider_dots" id="banner_slider_dots">
         <a href="#7" class="dots_item dots_active"></a>
         <a href="#8" class="dots_item"></a>
         <a href="#9" class="dots_item"></a>
         <a href="#10" class="dots_item"></a>
     </div>
 </div>-->

<!--精选目的地-->
<div class="fullBody">
    <div class="centerBody hot-address">
        <h3 class="index-title">精选目的地</h3>
        <ul class="hot-address-list clear"></ul>
        <img class="images_jxmdd" src="localhost/static/images/index/jx1.png" />
        <img class="images_jxmdd" src="localhost/static/images/index/jx2.png" />
        <img class="images_jxmdd"src="localhost/static/images/index/jx3.png" />
        <img  class="images_jxmdd" src="localhost/static/images/index/jx4.png" />
        <img class="images_jxmdd" src="localhost/static/images/index/jx5.png" />
        <img class="images_jxmdd" src="localhost/static/images/index/jx6.png" />
        <img class="images_jxmdd" src="localhost/static/images/index/jx7.png" />
        <img class="images_jxmdd" src="localhost/static/images/index/jx8.png" />


    </div>
</div>

<div class="fullBody story-video">
    <div class="centerBody">
        <h3 class="index-title">每一家民宿都是一本故事书</h3>
        <ul class="story-video-list clear"></ul>
    </div>
</div>

<div class="fullBody recommend2">
    <div class="centerBody">
        <h3 class="index-title">为您精心推荐</h3>

        <ul class="recommend-list2"></ul>
    </div>
</div>

<!--
<div class="fullBody recommend">
    <div class="load"><img src="images/load.gif"></div>
    <h3 class="index-title">为您精心推荐</h3>
    <div class="load"><img src="images/load.gif"></div>
    <ul class="recommend-list"></ul>
</div>
 -->

<!--视频播放内容-->
<div class="videoPlay">
    <div class="playContent">
        <span class="close">关闭</span>
        <div class="play-info">
            <iframe id="videosrc" width="800px" height="515px" src=""></iframe>
        </div>
    </div>
</div>
<!--底部 begin-->
<!-- Live800在线客服图标:客服2[浮动图标] 开始-->
<div style='display:none;'>
    <a href='http://www.live800.com'>live800Link.onlineservice</a>
</div>
<div style='display:none;'>
    <a href='http://en.live800.com'>live chat</a>
</div>
<div class="erweima" id="DB_rightQuick">
    <img src="http://cdn.teemax.com.cn/hzminsu/images/tag.png" width="80px" height="77px" />
    <img src="http://cdn.teemax.com.cn/hzminsu/images/righter.png" class="righter" />
</div>
<div class="erapp" id="DB_downQuick">
    <img src="http://cdn.teemax.com.cn/hzminsu/images/app.png" width="80px" height="77px" />
    <img src="http://cdn.teemax.com.cn/hzminsu/images/toolbar_app.png" class="righter" />
</div>
<!-- 在线客服图标:客服2 结束-->
<div class="fullBody footer">
    <div class="centerBody" style="padding:0 20px;">
        <div class="clear" style="border-bottom:1px solid #666;">
            <ul class="footer-left footer-link clear">
                <li>
                    <dl>
                        <dt>关于杭州民宿网</dt>
                        <dd><a href="footer/bottom.html?about/about">网站简介</a></dd>
                        <dd><a href="footer/bottom.html?about/contact">联系我们</a></dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>帮助中心</dt>
                        <dd><a href="footer/bottom.html?help/greenhand">新手指南</a></dd>
                        <dd><a href="footer/bottom.html?help/faq">常见问题</a></dd>
                        <dd><a href="footer/bottom.html?help/complaints">投诉建议</a></dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>商务合作</dt>
                        <dd><a href="footer/bottom.html?business/cooperation">商务合作</a></dd>
                        <dd><a href="footer/bottom.html?business/service">服务条款</a></dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>网站条款</dt>
                        <dd><a href="footer/bottom.html?clause/member">会员条款</a></dd>
                        <dd><a href="footer/bottom.html?clause/copyright">版权声明</a></dd>
                        <dd><a href="footer/bottom.html?clause/disclaimer">免责声明</a></dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>友情链接</dt>
                        <dd><a href="http://www.dujiake.com" target="_blank">度假客</a></dd>
                        <dd><a href="http://www.micehangzhou.com" target="_blank">杭州市会议与奖励旅游协会</a></dd>
                        <dd><a href="http://www.chinabnbexpo.com/cn/" target="_blank">上海民宿展</a></dd>
                        <dd><a href="http://www.grandcanaltravel.com/" target="_blank">京杭大运河旅游</a></dd>
                    </dl>
                </li>
            </ul>
            <div class="footer-right clear">
                <div class="foot-wx">
                    <img alt="" src="localhost/static/images/footdownload.png">
                    <div class="wxtxt">APP下载</div>
                </div>
                <div class="foot-wx">
                    <img alt="" src="localhost/static/images/footWx.jpg">
                    <div class="wxtxt">杭州民宿官微</div>
                </div>
                <div class="foot-wx">
                    <img alt="" src="localhost/static/images/qrcode.png">
                    <div class="wxtxt">杭州民宿协会官微</div>
                </div>
                <!-- 	            <div class="foot-contact">
                                    <div class="foot-logo"></div>
                                    <p class="foot-tel">0571-86771380</p>
                                    <p class="foot-time">09:00-21:00（周一至周日）</p>
                                </div> -->
            </div>
        </div>
        <!--  <p class="copyright">浙ICP备05017009号-3   杭州市旅游委员会版权所有   |  技术支持 : 天迈网络</p> -->
        <div class="logonewinfo">
            <div class='logonew'><img alt="" src="localhost/static/images/hzminsulogonew.png"></div>
            <div class="logonewinfotxt">
                <div class="logonewinfotxt1">
                    <span>杭州民宿网客服</span>
                    <span class="specialtxt">0571-86771380</span>
                    <span>09:00-21:00（周一至周日）</span>
                </div>
                <div class="logonewinfotxt1">
                    浙ICP备05017009号-3  杭州市文化广电旅游局版权所有   |  技术支持 : 天迈网络
                </div>
            </div>
        </div>
    </div>
</div>
<style type="text/css">
    .erweima{position:absolute; top:570px; right:4px; cursor:pointer; z-index:9998}
    .erweima:hover .righter{ display:block;}
    .erweima .righter{position:absolute; top:79px; right:0px; width:127px; height:147px; display:none}
    .erapp{position:absolute; top:570px; right:4px; cursor:pointer; z-index:9998}
    .erapp:hover .righter{ display:block;}
    .erapp .righter{position:absolute; top:79px; right:0px; width:127px; height:147px; display:none}
</style>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="http://cdn.teemax.com.cn/hzminsu/js/lib/jquery.DB_quickBanner.js"></script>
<script type="text/javascript" src="http://cdn.teemax.com.cn/hzminsu/js/lib/floatButton.js"></script>
<script type="text/javascript" src="js/style.js"></script>
<script type="text/javascript">


    $('#DB_rightQuick').DB_quickBanner({
        startTop:225,
        moveSpeed:1400
    });
    $('#DB_downQuick').DB_quickBanner({
        startTop:320,
        moveSpeed:1800
    });



</script>	<!--底部 end-->
</body>
</html>
<script type="text/javascript" src="js/sweetalert.min.js"></script>
<script type="text/javascript" src="js/require.js"></script>
<script type="text/javascript" src="js/require-config.js"></script>
<script type="text/javascript" src="js/jquery.pageSlide.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.box').pageSlide({
            fullPage: false, // 全屏设置为false，模式变更为轮播图
            direction: 'horizontal', // 设置滚动方向
            width: $(window).width(), // 设置轮播图尺寸
            height: $(window).height()*0.6  , // 设置轮播图尺寸
            autoSlide: true, // 设置自动滚动
            navigationEvent: 'mouseover' // 设置触发导航的事件
        });
    });
    /*$(function(){
            var i=1;
        function loopimgs(){
         if(i==1){
             $("#loopimg2").fadeIn()
             $("#loopimg1").fadeOut()

         }
         if(i==2){
             $("#loopimg3").fadeIn()
             $("#loopimg2").fadeOut();

         }
         if(i==3){
             $("#loopimg4").fadeIn()
             $("#loopimg3").fadeOut()


         }
         if(i==4){
             $("#loopimg1").fadeIn()
             $("#loopimg4").fadeOut()


         }
        //alert(i)
                i++
        if(i>4){
            i=1;
        }


                //$("#loopimg").fadeIn(2000);

        }

     setInterval(loopimgs,2000);
    })*/
    //因首页目录特殊 需要重置js根目录路径
    require.config({baseUrl: 'js'});
    require(['topSearch','WdatePicker','index/index'],function(topSearch){
        topSearch.init();
    });

</script>
